<template>
  <div class="container">
    <div class="title">{{ limitData.title }}</div>
    <div class="value">{{ limitData.value }}</div>
  </div>
</template>

<script>
export default {
  props: {
    limitData: {
      type: Object,
      default: () => ({}),
    },
  },
};
</script>

<style lang="less" scoped>
.container {
  margin-right: 20px;
  .title {
    height: 36px;
    font-size: 28px;
    color: rgba(0, 0, 0, 0.84);
    text-align: center;
    line-height: 36px;
    font-weight: 500;
  }
  .value {
    margin-top: 8px;
    height: 44px;
    font-family: THS-Bold;
    font-size: 36px;
    color: #ff2436;
    text-align: center;
    line-height: 44px;
    font-weight: 700;
  }
}
</style>
